<template>
    <div class="w-100 h-100">
    <containTemplete
     :title="'应急预案 '" 
     :secondTitles="['预警预案数量分类统计','预警预案信息列表',]"
        :slotWidth="[50,50]"

     >
    
        <template #left>
            <div class="w-100 h-100">
               <h_normal
               :echartsId="'yjya_slfl_tj'"
               :echarts-data="echartsData"
               :derection="'h'"
               :label-rotate="true"
               :rotateAngle="-10"
               ></h_normal>
            </div>
        </template>
        <template #middle>
            <div class="w-100 h-100">
                <yjya_xx_list></yjya_xx_list>

            </div>
        </template>
    
    </containTemplete>
    </div>
</template>

<script setup lang='ts'>
import containTemplete from '@/components/project/containTemplete.vue';
import h_normal from '@/components/common/echart/h_nomal.vue';

// import yjya_slfl_tj from './yjya_slfl_tj.vue';
import yjya_xx_list from './yjya_xx_list.vue';
const  echartsData=[
   
    {
        name:'水利工程及河道',
        value:33
    },
    {
        name:'道路积水塌陷',
        value:45
    },{
        name:'地下管线事故',
        value:65
    },{
        name:'山洪地质灾害',
        value:87
    }, {
        name:'城镇房屋和在建工程',
        value:120
    },
    
]


</script>

<style scoped lang="less" >

</style>